if (!window.console === undefined || console.log === undefined) {
	console = {
		log: function (str) { }
	}
}

// Checks if an input has some characters in it and displays associated error if not
function valNotEmpty(containerSelector) { 
	var v = $(containerSelector).find('input').val();
	var valid = v.trim().length > 0;
	$(containerSelector).find('.error').toggle(!valid);
	return valid;
}

function isPayingByCreditCard() { 
	return $('input[name=billing_method][value=credit_card]')[0].checked;
}

function checkShippingAddress() { 
	var firstNameValid = valNotEmpty('.first_name_container');
	var lastNameValid = valNotEmpty('.last_name_container');
	var address1Valid = valNotEmpty('.address1_container');
	var address2Valid = true; // Not all addresses require apt / suite
	var cityValid = valNotEmpty('.city_container');
	var stateValid = true; // Not all countries require state
	var zipValid = valNotEmpty('.zip_container');
//	var whereHeardValid = valNotEmpty('.where_heard_container');
	var whereHeardValid = true;

	return firstNameValid && lastNameValid && address1Valid
	    && address2Valid && cityValid && stateValid && zipValid && whereHeardValid;
}

var emailContainerSelector = '.email_container';

// Only require email to be correct if the field is present. If it is not present,
// it is because this is part of an A/B test that has already asked it in a previous step.
function emailRequired() {
    return $(emailContainerSelector).length === 1;
}

function checkEmail() {
    if (emailRequired()) {
        var valid = $(emailContainerSelector).find('input').val().indexOf('@') != -1;
        $(emailContainerSelector).find('.error').toggle(!valid);
        return valid;
    } else {
        return true;
    }
}

function checkForm() {
	if (!isPayingByCreditCard()) {
		return true;
    }

	var shippingAddressValid = checkShippingAddress();
	var emailValid = checkEmail();
	var valid = shippingAddressValid && emailValid;
	return valid;

	// var paymentDetailsValid = checkPaymentDetails();
	// return shippingAddressValid && paymentDetailsValid;
}

function showFieldsRelevantForBillingMethod() {
	$('#credit_card_details').toggle(isPayingByCreditCard());
	$('.hide_for_paypal').toggle(isPayingByCreditCard());
}

function redirectToPaypal(custom) { 
	$('input[name=custom]').val(custom);
	$('form[id=pp]').submit();
}

/* Gather fields from the form into an object that will be easy to serialize */
function subscriptionFieldsToObject(includeReplay) { 
	var o = {};
	var sel = '.order_form_container input, .order_form_container select';
	$(sel).each(function (index, element) {
		if (element.id !== "") {
			o[element.id] = $(element).val();
		}
	});

	if (includeReplay) {
		o['QXYGTTESK4QKFQFTR98K6B1JNPN5TS3A6HO5G5YE31HEZDQDZHUF5AX8RY6H8ZVHMJCQRFACSGQCFQEISNSQAFEWK5CQCVSFCH6Q'] = JSON.stringify(replay);
	}

	o['5R5IFQS776EWI5TSY9YHSCFW44AIVK81XBG0N95GCJ63LZ28LEIP18XABDNQCEGBD4GO7OGKUQVUV8K6DXN6ZDWNXRV3UNU2LMII'] = isPayingByCreditCard() ? "credit card" : "paypal";

	// User might have applied a coupon which affects the price
	o['coupon_code'] = $('.coupon_code').val();

	return o;
}

function scrollToError() {
	var scrollTo = Math.max( $('.error:visible').offset().top - $(window).height()/2, 0 );
	var diff = $('html').scrollTop() - $('.error:visible').offset().top;
	var delay = Math.abs(diff) * 0.5;
	$('html').animate({ scrollTop: scrollTo }, delay);
}

var submissionAttempted = false;

function processCreditCardOrder() { 
	var subscriptionFields = subscriptionFieldsToObject(true);
	var fields = {
		// Required attributes
		number: subscriptionFields[''],
		month: subscriptionFields[''],
		year: subscriptionFields[''],
		first_name: subscriptionFields['RC6OCMXWE9DTE6CD2N90PS7ZTQ4G4C7C7AHU8H6PJIZCSYP2W1IAITCY3S5Q5MU6UGGQ6HOE9WPOWCAJB82LZAV59F3C5Z8QP54I'],
		last_name: subscriptionFields['LKRX36871IA8EOXCCWTLX1YHQUY1OV5TZYQ7E0P6EK0MK9APS993TLF3V6T2KZ24G4PTH624Q0G6CTQFBTNSGQ8VWEOVKZ27ZJLF'],
		cvv: subscriptionFields[''],
		// where_heard: subscriptionFields['QYC0HMB4OW5GE4ABX1LQGQOC09EAOMA32UKX2OO85S0574QUXETDNK7RRVDEJJRZYGY2A6PE8GZ3VTLHAWHJFKSDE4QX7V379GIK'],

		// Optional attributes
		address1: subscriptionFields['92U761LS9WYXC4N6HLIZJLE6SUN2EKVLN2RXQ1JVAT9B8WOVH2JPFSQAVXLP6PNWATKR2Z8YQAP45BSKEORF4X2RRP6EJ3GOOTPP'],
		address2: subscriptionFields['YBNNMEBZ4FJW3T6H6QWTG2QU3CHCT29WXKT1XTDV1WIL993HT2IBDJB8KHJEFXLO5FGFKFG9ZA603M5H0MVKKMCXDSNY58ROC85T'],
		city: subscriptionFields['RJ58PSYX2VKN86Q01REVL48RRD0F8ROOF9WPZVTBLCZ5DCT8QIV3YL3EFTLFR3R6F82VP92NOI92LHOEEBGDAZEG7LYDS65D8J29'],
		state: subscriptionFields['6UB8T48B9YEJCN0W364UN6ZZANWPG3SI3G8YK3GQ82ZOAHHLWHMS1Z25J2B6ZAKS872232PA2JQVRN6ARY596L0OXUN6AD5VGGVW'],
		postal_code: subscriptionFields[''],
		country: subscriptionFields['']
	}

	// It still has the raw CC number in there, that's not good. Tokenize it.
	var tokenData = {
		name: $('#NKVK120I7B4FMS38OAJL578S4LEQLNQBHY75VSK648YUM6M5IGMYR5QTP3J7A559EOCNBP04Q9V7E44MO0CSIU0FNKDSC4WJ05H7').val() + ' ' + $('#WM1UV10ZU0WE55WH8WWKYXAMUW7A26ONHUR9EKMUXNE40I8CA0OX1IGXCMFZHRM0XPC5LRV0K9PQNQ45WMHH1TH488058MZI00XT').val(),
		address_country: $('Q4L48GMBEAB7UAVYXLX0S8ONVD8PQ0GXFW1NJEFTR1X22A0LDLEB0XDIXPV3J5Z9Z1YRKUG1YYLO45QODVJL5KXC94AJ4QHQ2BEH').val()
	};
	// console.log(tokenData);

	stripe.createToken(card, tokenData).then(function(result) {
		if (result.error) {
			$('button').show();
			$('.activity').hide();
			alert(result.error.message);
		} else {
			subscriptionFields['GXX5ZYVWM968L2KOHEP043UOLDMVJ5TUSSTYO1WKWGIGB7QA0KIYQMPBCHITKMDJ5FU4JRL31GC70WGY1EZ0CATGSHJ66RPG9HD6'] = result.token.id;

			// Send the token to your server
			// console.log(result.token);
			// stripeTokenHandler(result.token);

			$.post(
				'/subscribe_submit',
				{'fields_json' : JSON.stringify(subscriptionFields)},
				function (response) { 
					window.location.href = '/thanks';
				},
				dataType = "json"
			);
	    }
	});
}

function processPayPalOrder() {	
	var fields = subscriptionFieldsToObject(true);

	// Make sure if the user first selected credit card, filled in their number and
	// then switched back to PayPal that the CC data is not submitted.
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];
	delete fields[''];

	// Associate the form submission with the payment, so when returned from PayPal
	// we'll know what the payment is for.
	$.post(
		'/subscribe_submit',
		{'fields_json' : JSON.stringify(fields)},
		function (response) { 
			 // redirectToPaypal(response.custom);			
			 redirectToPaypal($('input[id=form_key]').val());
		},
		dataType = "json"
	);
}

// Helper for replacing actual credit card number and CVV with Xs
function strToRepeatedX(str) { 
	var xRepeated = "";
	for (var i = 0; i < str.length; i++) {
		xRepeated += "X";
	}
	return xRepeated;
}

// So I can see how the forms got filled later, keypress by keypress.
var replay = [];
var firstReplayStep = null;
function recordReplayStep() { 
	if (firstReplayStep === null) {
		firstReplayStep = Date.now();
	}
	var fields = subscriptionFieldsToObject(false);
	delete fields.form_key;
	delete fields.coupon_code;
	delete fields.tier;
	// fields[''] = strToRepeatedX(fields['']);
	// fields[''] = strToRepeatedX(fields['']);
	replay.push({
		elapsed: Date.now() - firstReplayStep,
		fields: fields
	});
}

function applyCoupon() {
	$('.have_coupon_code').show();
	$('.coupon_code_entry').hide();

	var couponCode = $('.coupon_code').val();

	// If you are reading the source, please use the "SOURCE" coupon to get as much off as any of the others here.
	var validCoupons = ['YEAR2018', 'TWOFORKS', 'INJECT', 'SOURCE', 'ALEK', '3OFF', 'TUBE', 'HACKERNEWS', 'ENTREPRENEUR', 'URBAN', 'BOND', 'ANSHIE', 'ARISU', 'ZOEY', 'CHIIKA', 'PHARAOH', 'SZU', 'IZABELA', 'WORLD', 'SARAH', 'BLACKNEO', 'MYCHAN', 'FUN', 'AANDK', 'MARACONT', 'WENDYLAND', 'LOWEN', 'JADE', 'FUINUR', 'HOLLY', 'CLARITA', 'AMBER', 'CORDEWA', 'MILLI', 'CRAFTY', 'MAI', 'GWENDY', 'SADIQ', 'FABIO', 'MIYU', 'REI', 'ZONA', 'NOMNOM', 'YUE', 'KYU', 'KAIGUYS'];

	var isValid = false;
	for (var i = 0; i < validCoupons.length; i++) {
		if (couponCode.toUpperCase().indexOf(validCoupons[i]) !== -1) {
			isValid = true;
		}
	}
	
	if (isValid) {
		$('.usdprice').text('$26');
		$('input[name=a3]').val('26.00'); // Set PayPal price

		$('#coupon_code').val(couponCode);
		$('.coupon_applied').show();
		$('.have_coupon_code').hide();
		$('.coupon_line_item').show();
	} else {
		alert("Sorry, that wasn't a valid coupon.");
		$('.coupon_code').val('');
	}
	return false;
}

function initCouponFields() {
	$('.coupon_code_entry button').click(applyCoupon);
	$('.coupon_code_entry form').on('submit', applyCoupon);
	$('.have_coupon_code').click(function() {
		$('.have_coupon_code').hide();
		$('.coupon_code_entry').show();
		$('.coupon_code').focus();
	});
};

function copyNameFromShippingToCard() {
    // If credit card name is empty but there is a name in shipping, use that by default

    var fieldsToCopy = ['.first_name_container', '.last_name_container'];
    fieldsToCopy.forEach(function (field) {
        var shipVal = $('#shipping_address ' + field + ' input').val();
        var ccValSelector = '#credit_card_details ' + field + ' input';
        if (shipVal && !$(ccValSelector).val()) {
            $(ccValSelector).val(shipVal);
        }
    });
}

function initStripe() {
	stripe = Stripe('pk_live_Lh9RxfYBEjLco30J7VLUeGEP');
	var elements = stripe.elements();

	var style = {
		base: {
			iconColor: '#666ee8',
			color: '#31325f',
			fontWeight: 400,
			fontFamily: 'sans-serif',
			fontSmoothing: 'antialiased',
			lineHeight: '30px',
			fontSize: '18px',
			'::placeholder': {
				color: '#aab7c4',
			},
			':-webkit-autofill': {
				color: '#666ee8',
			},
		},
	};

	card = elements.create('card', {style: style});
	card.mount('#card_mount');
}

$(function () { 
	// Don't show CC form if PayPal selected
	$('input[name=billing_method]').change(showFieldsRelevantForBillingMethod);
	showFieldsRelevantForBillingMethod();

	// Subscription attempt
	$('.subscribeSubmit2').click(function (event) { 
		event.preventDefault();
		submissionAttempted = true;

		// See if there are any errors
		var valid = checkForm();
		if (!valid) {
			scrollToError();
			return;
		}

		$('button').hide();
		$('.activity').show();
		if (isPayingByCreditCard()) {
			processCreditCardOrder();
		} else {
			processPayPalOrder();
		}
	});

	// Show relevant errors if fields become invalid, but not on initial fill
	$('input,select').change(function () { 
        copyNameFromShippingToCard();
		if (submissionAttempted) {
			checkForm();
		}		
	});

	$('input,select').on('input', recordReplayStep);

	// Order summary is in two places, let the left one be the defacto content
	$('.order_summary_container_bottom section').replaceWith($('.order_summary_container_left section').clone());
	initCouponFields();
	initStripe();
});